/*-----------内页 -------------*/
.qing{ width:100%; min-width:1300px; padding:35px 0px;}
.juzhong {width:1250px; margin:0 auto;overflow: hidden;display: block;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}



.ab_ti{ padding:52px 0 24px; text-align:center; }


/************二级栏目**************/
.ab_erl{ display: block; overflow:hidden; padding-bottom:35px;}
.ab_erl table{ margin:0 auto;}
.ab_erl table a{ display:block; float:left; width:158px; height:42px; line-height:40px;font-size:14px;color:#fff;margin:0 5px 0px; position:relative; overflow:hidden; text-align:center;}
.abebg1, .abebg2{ display:block; float:left; left:0;width:156px; height:40px; position:relative; cursor:pointer;}
.abebg1{border:1px solid #e5bfc0; top:0px; }
.abebg2{top:12px; background:#FFF; border-color:#FFF; color:#000;}
.abebg1, .abebg2{
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ab_erl table a:hover .abebg1, .ab_erl table a.ernn .abebg1{top:-42px; border:1px solid #FFF;}
.ab_erl table a:hover .abebg2, .ab_erl table a.ernn .abebg2{top:-42px; border:1px solid #FFF;}




/**内容区**/
.nrq{ display:block;  overflow:hidden; margin-bottom:50px;}

.jsybg{ width:762px; height:610px; background:url(../images/jsybg.jpg) center center no-repeat #fff; padding:30px 40px 40px; box-sizing:border-box;}
.js_ti span{ display:block; height:34px;line-height:34px; font-size:20px; color:#000; float:left; clear:both;}
.js_ti b{ display:block; clear:both; height:5px; width:58px; border-bottom:3px solid #8a8a88;}

.js_nr{ padding-top:23px; position:relative;}
.shu12{ font-size:14px; color:#5c5c5c; line-height:30px;}
.shu12 img{ margin:20px 10px; max-width:90%;}
.shu12 p{ text-indent:2em;font-size:14px; color:#5c5c5c; line-height:30px;}

#sucai{width:656px;height:480px; float:left; padding-right:25px; overflow:hidden; margin-right:0px; position:relative; z-index:3;}
.gdtt{ float:right; width:5px; height:480px; position:absolute; z-index:1; right:0; top:23px; background:#eee; }
/**公司简介图片放大 begin**/.jstu, .jstu img{ width:488px; height:610px; }
.jstu img{ 
animation:jstu_img 6.5s linear 0s infinite alternate both;
-webkit-animation:jstu_img 6.5s linear 0s infinite alternate both; 
-moz-animation:jstu_img 6.5s linear 0s infinite alternate both; 
-o-animation:jstu_img 6.5s linear 0s infinite alternate both; font-weight:bold;
}
@keyframes jstu_img
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-webkit-keyframes jstu_img
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-moz-keyframes jstu_img
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-o-keyframes jstu_img
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
/**公司简介图片放大 end**/



/*******************about_news*******************/
.xwlb1{ display:block; overflow:hidden;}
.xwlb1 li{ display:block; margin-bottom:10px; position: relative;}
.xwlnr{ padding:35px; overflow:hidden; position: relative; z-index:6;}
.xwbei{position: absolute; right:0; top:0; width:100%; height:100%; background:url(../images/xwlbg1.png) repeat; z-index:3;}
.xwbei2{ position:absolute; left:0; top:0; width:0%; height:100%; background:url(../images/xwlbg2.png) repeat; z-index:3;}
.xwbei2, .xwbei{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .xwbei{ width:0%;}
.xwlb1 li:hover .xwbei2{ width:100%;}
.dnebg{ width:135px; height:auto; position:relative; z-index:7; top:12px;}
.neda{ width:104px; height:120px; position:relative; z-index:9; left:0; top:0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.nedabg{ width:104px; height:120px; position: absolute; z-index:8; left:0; top:0; background:url(../images/danbg1.png) center center no-repeat;}
.neda1{ display:block; padding-top:24px; line-height:46px; font-size:36px;}
.neda2{ display:block; line-height:20px; font-size:12px;}

.nedabg{
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .nedabg{ background:url(../images/danbg2.png) center center no-repeat;
transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.xwlb1 li:hover .neda{ color:#6d6d6d;}

.dnetu{ width:228px; height:148px; margin-right:30px;}
.dnetu img{ width:228px; height:148px; -o-border-top-left-radius:25px; -webkit-border-top-left-radius:25px;-moz-border-top-left-radius:25px;border-top-left-radius:25px; -o-border-bottom-right-radius:25px; -webkit-border-bottom-right-radius:25px;-moz-border-bottom-right-radius:25px;border-bottom-right-radius:25px;}
.dnejsn{ width:787px; overflow:hidden;}
.dneti{ line-height:38px; font-size:14px; color:#010101;}
.dneti a, .dneti a:visited{ color:#010101;}
.dnejs{ display:block; line-height:30px; color:#6d6d6d; font-size:12px; height:77px;}
.dnejs a{ display:block;} .dnejs a, .dnejs a:visited{ color:#6d6d6d;}
.nduo{ width:98px; height:30px; border:1px solid #d0d0d0;display:block; float:left; overflow: hidden; position:relative; line-height:30px; text-align:center; font-size:12px; color:#6b6b6b;} .nduo:visited{ color:#6b6b6b;}

.dneti a, .dnejs a , .nduo{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .dneti a, .xwlb1 li:hover .dnejs a{ color:#d71719; }
.xwlb1 li:hover .nduo{ background:#d71719; color:#FFF; border-color:#d71719; top:-1px; left:1px;}
/**新闻手滑放大 begin**/
.xwlb1 li:hover .dnetu img{ 
animation:dnetu 4.5s linear 0s infinite alternate both;
-webkit-animation:dnetu 4.5s linear 0s infinite alternate both; 
-moz-animation:dnetu 4.5s linear 0s infinite alternate both; 
-o-animation:dnetu 4.5s linear 0s infinite alternate both;
}
@keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-webkit-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-moz-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-o-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
/**新闻手滑放大 end**/









/**********************产品展示**********************************/
.cplb{ display: block; overflow:hidden;}
.cpll{ display: block; margin-left:-22px;overflow:hidden;}
.cpll li{ display:block; float:left; width:402px; height:439px; background:#f0f0f0; margin-left:22px; margin-bottom:30px; padding:20px; box-sizing:border-box;}
.prtu{ display:block; width:362px; height:309px; overflow:hidden; background:#FFF; padding:34px 15px; box-sizing:border-box;}
.prtu img{ transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;}
.cpll li:hover .prtu img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.cpll .prm{ padding-top:15px; margin-bottom:15px; text-align:center; line-height:28px; font-size:14px; color:#000;}
.cpll .prm a, .cpll .prm a:visited{ color:#000;}
.cpll .prm a{ display: block;}
.cpll .more{ display:block; width:104px; height:32px; margin:0 auto; background:url(../images/bobg.png) center center no-repeat; overflow:hidden; text-align:center; line-height:32px; color:#fff; font-size:12px;}
.cpll .more span{ display:block; top:0; position:relative;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.cpll li:hover .more span{ top:-100%;}

/*********下载中心***************/
.xwgd{ min-height:550px;}
.xzlb{ display:block; margin-left:-26px; overflow:hidden;}
.xzlb dd{ display:block; float:left; width:612px; height:73px; margin-left:26px; margin-bottom:26px; background:#f5f5f5; border-left:3px solid #d71719; padding:15px 37px; box-sizing:border-box;}
.xaml{ display:block; float:left; width:460px; border-right:1px solid #dbdbdb; line-height:43px; font-size:14px; color:#444;transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;}
.xzlb dd:hover .xaml{ padding-left:5px; color:#d71719;}

/*********合作伙伴**************/
.hblb{ display:block; margin-left:-26px;overflow:hidden;}
.hblb li{ display:block; float:left; width:260px;  margin-left:26px; margin-bottom:26px;}
.hblb li img {width:250px; margin:5px; box-sizing:border-box;filter: grayscale(60%);-moz-filter: grayscale(60%);-webkit-filter: grayscale(60%);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;max-width: 100%;}
.hblb li:hover img{filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);
				  border:1px solid rgba(215, 23, 25, 0.2); 
				  -webkit-box-shadow:0px 0px 6px rgba(215, 23, 25, 0.81); 
				  -moz-box-shadow:0px 0px 6px rgba(215, 23, 25, 0.81); 
				  box-shadow:0px 0px 6px rgba(215, 23, 25, 0.81);  }

/*****新闻详细内页******/
.news-art-main{background: #fff;margin:0px auto;padding: 40px 90px 60px;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{font-size: 14px;line-height: 30px;color: #666;}
.art-main img{ max-width:100%;}
.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color: #d71719;}



/*****留言*****/
.massage{ width:1000px; height:600px; margin:10px auto; background:#fff;-webkit-box-shadow:0 0 10px rgba(221, 221, 221, 0.5);  
-moz-box-shadow:0 0 10px rgba(221, 221, 221, 0.5);  
box-shadow:0 0 10px rgba(221, 221, 221, 0.5); border-radius:5px; }
.massage h2{ text-align:center; font-size:22px; font-weight:normal; padding:40px 0px;}


.input{width:210px; height: 35px;margin:10px auto;border: 1px solid #A9A9A9; border-radius:5px; padding-left:5px; outline:none; }
textarea{margin:10px auto;resize: none; border-radius:5px;padding-left:5px; outline:none;}
.code { width: 155px; height:35px;margin:10px auto;border: 1px solid #A9A9A9;  border-radius:5px;outline:none;}
.reset{height: 38px;line-height: 38px; width:115px;background: #BCBCBC;border: 1px solid #BCBCBC; color: #fff;border-radius:5px; outline:none; cursor:pointer;}
.submit{height:38px;line-height:38px; width:115px; background: #d92018;border: 1px solid #d92018; color: #fff; border-radius:5px;outline:none; cursor:pointer;}
         
/***-----------分页-----------****/
.text-center {text-align: center; padding-bottom:20px;}
.pagination{display: inline-block; padding-left: 0; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #d71719; border-color: #d71719;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}